*{
	margin: 0;
	padding: 0;
}
h1{
	margin: 40px 20px;
	text-align: center;
}
.box{
	margin: 50px 100px;
	width: 1200px;
	height: 300px;
	border: 1px solid black;
	position:relative ;		
}

.box img{
	margin: 20px 20px;
	padding: 10px;
	position: absolute;
	background: white;
	border:1px solid cadetblue;
	width: 100px;
	height: 200px;
	cursor: pointer;
	transition:all 2s;
	
}
.box img:hover{
	transform: scale(1.5,1.5);
	-webkit-transform: scale(1.5,1.5);
	box-shadow: 0 0 5px;
	z-index: 9;
}
img:nth-of-type(1){
	left: 0; 
	top: 60px;
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);	
}

img:nth-of-type(2){
	left: 130px;
	top: 80px;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
}
img:nth-of-type(3){
	left: 280px;
	top: 60px;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
}
img:nth-of-type(4){
	left: 520px;
	top: 80px;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
}
img:nth-of-type(5){
	left: 420px;
	top: 70px;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
}
img:nth-of-type(6){
	left: 630px;
	top: 90px;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
}

img:nth-of-type(7){
	left: 740px;
	top: 80px;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
}
img:nth-of-type(8){
	left: 840px;
	top: 160px;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
}
img:nth-of-type(9){
	left: 1020px;
	top: 120px;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
}
